@charset "utf-8";
/* CSS Document */
*{
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -webkit-tap-highlight-color: rgba(0,0,0,0.5);
    padding: 0;
    margin: 0;
}
html,body,div,span,h1,h2,h3,p,a,address,cite,code,del,dfn,em,img,small,strong,i,center,dl,dt,dd,ol,ul,li,table,tbody,tfoot, thead,tr,th,td{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background:transparent;}
ol,ul{list-style:none;}
:focus {outline: 0;}
body,html{position: relative; height:100%;}
a{color:#fff;text-decoration:none;-webkit-tap-highlight-color:rgba(162,162,162,0.5);}
body {background:#fff;color:#fff;font-size:14px;line-height:1.2em;-webkit-text-size-adjust:none;-webkit-overflow-scrolling:touch;}
body a,img{outline:none;}
img{border:none;max-width:100%;}
input,button,select,textarea{outline:none;}
input[type="text"]{
    /*-webkit-appearance: caret;
    -moz-appearance: caret;  mobile firefox too! */
}
textarea{resize:none;}
.main{position: relative;}
.fl,.fr{display:inline}.fl{float:left}.fr{float:right}
.clearfix:before,.clearfix:after{content:"";display:table}.clearfix:after{clear:both;overflow:hidden}.clearfix{zoom:1}
 
.wrapper{font-family:"microsoft yahei",simhei;/*min-height:100%;*/overflow:hidden;position:relative;padding-bottom:70px;}
.about{background:url('/pages/static/mobile/images/bg.jpg') no-repeat;background-size:100% 97%;}
.about .slogan{display:block;margin:25px auto 20px;width:80%;}
.about-content{background:rgba(0,0,0,0.6);border-radius:2px;box-sizing:border-box;padding:20px 0 20px 0;margin:0 auto 20px;width:82%;}
.about-content p.text{font-size:1.1em;line-height:2em;text-align:center;}
.about-content span{font-size:1.2em;color:#f7744a;}
.about-content ul{margin:10% auto 0;width:86%;}
.about-content li{border-bottom:1px solid #a7a19e;padding:10px 0;}
.about-content li img{display:inline-block;margin-right:5px;width:8%;vertical-align:middle;}
.about-content li:nth-child(1) img{vertical-align:50%;}
.about-content li p{display:inline-block;font-size:1em;line-height:1.5em;width:87.5%;}
footer{background:rgba(0,0,0,0.8);box-sizing:border-box;padding:7px 10px 0;position:fixed;height:68px;bottom:0;left:0;width:100%;}
footer span{display:inline-block;vertical-align:middle;margin-right:5%;width:65%;height:100%;}
footer img{max-height:100%;}
footer a{background:#f7744a;border-radius:5px;display:inline-block;height:34px;line-height:34px;text-align:center;width:30%;}

.content{color:#333333;font-size:1.2em;line-height:1.2em;margin:0 auto 20px;padding-top:15px;width:90%;}
.content .time-w{padding:10px 0;}
.content .time{font-size:1em;color:#666666;}
.content .count{color:#f7744a;font-size:1em;}
.content img{display:block;margin-bottom:10px;width:100%;}

.job-wrapper{position:relative;/*height:100%;*/padding:0;}
.job{color:#333333;box-sizing:border-box;padding:15px 5% 10px;height:100%;overflow:auto;}
.job .title{font-size:1.5em;}
.job .time{color:#666666;font-size:1em;padding:12px 0px;}
.job .tips{font-size:1.2em;}
.job .pic{margin-top: 15px;}
.job-text {color:#fff;margin-top:15px;line-height:1.5em;}
.job-text-left{width:48%;margin-right:2%}
.job-text-left1,.job-text-left2,.job-text-right{border-radius:5px;padding:0px 10px 5px;box-sizing:border-box;}
.job-text-left1 {background:#76a7e2;width:100%;margin-bottom:15px;font-size:16px;padding:0px 0px 5px 10px;}
.job-text-left2{background:#f9764c;width:100%;}
.job-text-right{background:#fcb76c;width:48%;margin-left:2%;}
.job-text dt{text-align:center;font-size:19px;line-height:2em;}
.job-text span{float:left;}
.job-text dd span:nth-child(1){width:10%;text-align:right;}
.job-text dd span:nth-child(2){width:90%}
.job-text .title{font-size:16px;}
.ell{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.clear{clear: both;}
.top-title{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 36px;
    background: rgba(240,240,240,1);
    font-size: 12px;
    line-height: 36px;
    color: #666666;
    border-bottom: 1px solid #cfcfcf;
    text-indent: 10px;
}
.title-empty{
    margin-top: 0;
    width: 100%;
    height: 28px;
}
.top-title span:nth-child(1){
    color: #999999;
}
.top-title a{
   text-decoration: none;
   color: #f7744a;
}
#content img,#galary img{
    height: 200px;
    width: auto !important;
    margin: 15px 5px 0 5px;
}
/*分享*/
.join{
    padding: 12px 0;
    width: 100%;
    font-size: 18px;
    color: #fff;
    background: #f7744a;
    text-align: center;
}
.join-title{
    margin: auto;
    padding: 10px 0;
    width: 100%;
    text-indent: 35px;
    color: #666666;
    background: url("/pages/static/mobile/images/already_join_title.png") no-repeat 15px 10px;
    background-size: auto 14px;
    font-size: 14px;
    border-bottom: 1px solid #dedede;
}
.join-title span{
    color: #f7744a;
}
.join-list li .portrait-title{
    padding: 6px 0;
    width: 100%;
    height: 38px;
    /*background: url("/pages/static/mobile/images/portrait.png") no-repeat 15px 6px;
    background-size: 38px auto;*/
}
.join-list li .portrait-title img{
    width: 38px;
    border-radius: 19px;
}
.join-list li .portrait-title .img-hv{
    position: relative;
    float: left;
    margin-left: 10px;
    padding: 0 5px;
}
.join-list li .portrait-title .img-hv img:nth-child(2){
    position: absolute;
    width: 15px;
    top: 25px;
    right: 5px;
}
.join-list li{
    border-bottom: 1px solid #dedede;
}
.portrait-left{
    float: left;
    margin-left: 2px;
    line-height: 1.5;
}
.portrait-right{
    float: right;
    margin-right: 15px;
    color: #f7744a;
}
.portrait-left span:nth-child(1){
    /*width: 150px;*/
    color: #9e9e9e;
    font-size: 14px;
}
.portrait-left span:nth-child(3){
    /*width: 150px;*/
    color: #cccccc;
    font-size: 10px;
}
.portrait-right span{font-size: 18px;line-height: 38px;}
.join-list .footer{
    padding: 10px;
    color: #fd9d7e;
    text-align: center;
    font-size: 15px;
}
.join-list .footer img{
    height: 10px;
}
.join-discuss .join-title{
    background: url("/pages/static/mobile/images/join_discuss.png") no-repeat 15px 12px;
    background-size: auto 14px;
}
.main{
    padding-bottom: 70px;
}
.join-discuss .discuss-content{
    margin-bottom: 8px; 
    padding: 0 10px 0 60px;
    color: #666666;
    font-size: 16px;
    line-height: 1.2;
}
.writer{margin-top: 10px;padding: 0;width: 100%;line-height: 1;}
.writer header{
    padding: 10px 0;
    text-indent: 15px;
    color: #f7744a;
    font-size: 23px;
}
.writer-message .writer-portrait{float: left;margin-left: 10px;display: inline-block;position: relative;width: 48px;text-align: center;}
.writer-message img{width: 38px;border-radius: 19px;}
.writer-message .wv{position: absolute;width: 15px;top: 25px;right: 5px;}
.writer-message .writer-nt{float: left; margin-left: 5px;}
.writer-message .writer-nt span:nth-child(1){color: #666666;font-size: 13px; line-height: 1.5;}
.writer-message .writer-nt span:nth-child(3){color: #797979;font-size: 11px; line-height: 1.5;}
.writer-message div:nth-child(3){float: right;margin-top: 22px;margin-right: 10px;color: #797979;font-size: 11px;}

.writer-content{color: #333333; font-size: 17px; line-height: 1.2; padding: 8px 5px 0px 12px; }
.neighbor-list{position: relative;}
.neighbor-list,.no-neighbor{padding: 10px 0;width: 100%;text-align: center;color: #D3D3D3;font-size: 12px;border-top: 2px solid #EFEBEC;}
.neighbor-list img{margin-left: 0px;width: 26px;border-radius: 13px;vertical-align: middle;}
.neighbor-list .neighbor-num{padding: 0 3px;color: #FB714C;font-size: 14px;font-weight: bold;}
.neighbor-list .img-list{margin-right: 0px;}
.neighbor-list .img-v{
    display: inline-block;
    position: relative;
    width: 36px;
    text-align: center;
}
.neighbor-list .vcf{position: absolute;top: 25px;right: 5px;width: 12px;}
.neighbor-list{padding: 0;}
.no-neighbor{
   display: none;
}
.join-layer{
    position: absolute;
    z-index: 11;
    top: 60px;
    left: 50%;
    margin-left: -140px;
    display: none;
   width: 280px;
   background: #fff;
}
.join-layer header{
    padding: 12px 0;
    text-align: center;
    color: #000000;
    font-size: 14px;
    border-bottom: 1px solid #EFEBEC;
}
.mask{
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    z-index: 10;
    display: none;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.36);
}
.join-num{padding: 12px 17px;color: #CECECE;font-size: 14px;}
.join-num-control{display: inline-block;margin-left: 5px;height: 30px;width: 108px;background: url("/pages/static/mobile/images/num_select1.png") no-repeat;background-size: 108px 30px;vertical-align: middle;}
.join-num-control1{background: url("/pages/static/mobile/images/num_select.png") no-repeat;background-size: 108px 30px;}
.join-num-control2{background: url("/pages/static/mobile/images/num_select2.png") no-repeat;background-size: 108px 30px;}
.join-num-control input{margin-top: 2px;display: inline-block;width: 50px;height: 26px;border: none;background: transparent;text-align: center;}
.join-num-control a{display: inline-block;width: 29px;height: 22px;vertical-align: middle;-webkit-tap-highlight-color: rgba(0,0,0,0);}
.join-layer .remark,.join-layer .join-name,.join-layer .join-phone,.join-layer .input-code,.join-layer .address{
    margin-left: 15px;
    margin-bottom: 12px;
    padding: 8px 0;
    padding-left: 10px;
    width: 250px;
    font-size: 14px;
    /*-webkit-appearance: caret;ios input去掉阴影*/
    border: 1px solid #EFEBEC;
    border-radius: 5px;
    background: #ffffff;
}
.join-layer .remark1,.join-layer .join-name1,.join-layer .address1{
    padding-right: 42px;
}
.join-layer .join-name,.join-layer .join-phone,.join-layer .address{
    padding-left: 27px;
    background: url("/pages/static/mobile/images/person.png") no-repeat 4px 5px;
    background-size: auto 20px;
}
.join-layer .join-phone{
    background: url("/pages/static/mobile/images/phone.png") no-repeat 4px 5px;
    background-size: auto 20px;
    width: 140px;
}
.join-layer .get-code{margin-left: 15px;padding: 8px 12px;color: #fff;background: #FB714C;font-size: 14px;border-radius: 5px;}
.join-layer .get-code1{background: #CECECE;}
.join-layer .input-code{width: 140px;}
.join-layer .address{
    background: url("/pages/static/mobile/images/address.png") no-repeat 4px 5px;
    background-size: auto 20px;
}
.join-layer .button{
    border-top: 1px solid #EFEBEC;
}
.join-layer .button-left,.join-layer .button-right{
    padding: 15px 0;
    display: inline-block;
    width: 140px;
    text-align: center;
    color: #A8A8A8;
}
.join-layer .button-right{
    color: #F1EBEB;/*FC724D*/
    border-left: 1px solid #EFEBEC;
 }
.join-layer .button-right1{color: #FC724D;}
.join-layer .name-timg,.join-layer .phone-timg,.join-layer .code-timg{
    position: absolute;
    display: none;
    right: 10px;
    top: 24px;
    width: 14px;
}
.join-layer .phone-timg,.join-layer .code-timg{
    right: 120px;
}
.join-layer div{position: relative;}
header h1{
    line-height: 1.4;
}
.writer-title{
    line-height: 1.4;
}
.word-tip{
    position: absolute;
    right: 24px;
    top: 8px;
    display: none;
    color: #B4B4B4;
}
/*toast弹框*/
.toast{
    position: fixed;
    z-index: 100;
    left: 50%;
    margin-left: -75px;
    display: none;
    width: 150px;
    height: 90px;
    background: rgba(0,0,0,0.7);
    border-radius: 5px;
    color: #fff;
    vertical-align: middle;
    text-align: center;
    font-size: 12px;
    line-height: 90px;
}
.toasts{
    display: block;
    animation: mytoast 3s ease-in-out;
    -webkit-animation: mytoast 3s ease-in-out; /* Safari and Chrome */
}
@keyframes mytoast
{
    0% {top: 100%;}
    10% {top: 48%;}
    15% {top: 50%;}
    100%{top: 50%;}
}
@-webkit-keyframes mytoast
{
    0% {top: 100%;}
    10% {top: 48%;}
    15% {top: 50%;}
    100%{top: 50%;}
}
.join-list .rep-content,.join-list .select-person{
    padding: 8px 12px;
    margin: 15px 2%;
    height: 40px;
    width: 96%;
    font-size: 16px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.join-list .select-person{width: 150px;}
.join-list .rep-button{ float: right;margin-right: 60px;padding: 6px 8px;background: #428BCA;color: #fff;border: none;border-radius: 4px;}
.join-list .rep-button:hover{background: #2D6CA2;}
.join-list form{
    color: #333;
}
.join-list .radio-rep{
    vertical-align: middle;
}